<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE >
<html>

<head>
	<base href="<%=basePath%>">
	<title>我的送检单</title>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="icon" href="favicon.ico" />
	<script src="static/manage-sys/js/jquery.min.js"></script>
	<!-- table导出成excel 不用-->
	<!-- <script src="static/manage-sys/js/table2excel.js"></script> -->

	<!--[if lt IE 9]>
<script src="js/bootstrap/html5shiv.min.js"></script>
<script src="js/bootstrap/respond.min.js"></script>
<![endif]-->
	<!--页面加载进度条-->
	<link href="static/manage-sys/css/pace/dataurl.css" rel="stylesheet" />
	<script src="static/manage-sys/js/pace/pace.min.js"></script>
	<script src="static/manage-sys/js/jquery.scrolltopcontrol/scrolltopcontrol.js" type="text/javascript"></script>
	<script src="static/manage-sys/js/jquery.extend.js" type="text/javascript"></script>
	<script src="static/manage-sys/js/default.js" type="text/javascript"></script>

	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/easyui/themes/ui-cupertino/easyui.css" />
	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/easyui/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/icon.css" />
	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/uims.css" />
	<link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/temp.css" />

	<script type="text/javascript" src="static/manage-sys/add-sample/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="static/manage-sys/add-sample/easyui/locale/easyui-lang-zh_CN.js"></script>

	<script src="static/manage-sys/js/bootstrap/bootstrap.min.js"></script>
	<script src="static/manage-sys/js/bootstrap/bootstrap-table.min.js"></script>
	<script src="static/manage-sys/js/bootstrap/bootstrap-table-zh-CN.min.js"></script>

	<script type="text/javascript" src="static/manage-sys/add-sample/js/dataGridCellTip.js"></script>
	<script type="text/javascript" src="static/manage-sys/add-sample/js/validate.js"></script>
	<script type="text/javascript" src="static/manage-sys/add-sample/js/json2.js"></script>

	<script type="text/javascript" src="static/manage-sys/add-sample/js/sampleCommon.js"></script>
	<script type="text/javascript" src="static/manage-sys/add-sample/js/template.js"></script>
	<script type="text/javascript" src="static/manage-sys/add-sample/js/deaf.js"></script>

    <script src="static/manage-sys/js/fileServer.js"></script>
	<!-- artTemplate 模板引擎 -->
	<script src="static/manage-sys/js/template-web.js" type="text/javascript"></script>
	<!-- 送检单导出操作-->
	<script src="static/manage-sys/js/exportTable.js"></script>

	<link href="static/manage-sys/css/bootstrap.min.css" rel="stylesheet" />
	<link href="static/manage-sys/css/font-awesome.min.css" rel="stylesheet" />
	<link href="static/manage-sys/css/default.css" rel="stylesheet" type="text/css" />

	<!-- 送检单页面样式-->
	<link href="static/manage-sys/add-sample/css/sampleList.css" rel="stylesheet" type="text/css" />
</head>

<body>

		<div class="maincontent">
			<!--我是主要内容-->
			<!--我是主要内容-->
			<div class="panel panel-default box-params">
				<div class="panel-heading">
					查询条件
				</div>
				<div class="panel-body form-group">
					<div class="params-warpper">
						<div class="params-item">
							<label class="control-label">姓名：</label>
							<input type="text" placeholder="请输入姓名" class="form-control value" id="sampleName" />
						</div>
						<div class="params-item">
							<label class="control-label">联系电话：</label>
							<input type="text" class="form-control value" id="connectPhone" placeholder="请输入联系电话" />
						</div>
						<div class="params-item">
							<label class="control-label">检测结果：</label>
							<select type="text" class="form-control value" id="result">
								<option value=''>请选择状态</option>
								<option value="1">高风险</option>
								<option value="2">低风险</option>
								<option value="3">正常</option>
								<option value="4">异常</option>
							</select>
						</div>
					</div>
					<div class="params-warpper">
						<div class="params-item">
							<label class="control-label">送检医院：</label>
							<select id="search-customer" class="form-control value">
							</select>
						</div>
						<div class="params-item">
							<label class="control-label">区/县：</label>
							<select name="search-country" id="search-country" class="form-control value"></select>
						</div>
						<div class="params-item">
							<label class="control-label">街道：</label>
							<select name="search-town" id="search-town" class="form-control value"></select>
						</div>
					</div>
					<div class="params-warpper">
						<div class="params-item">
							<label class="control-label">身份证号码：</label>
							<input type="text" placeholder="请输入身份证号码" class="form-control value" id="search-idcard" />
						</div>
						<div class="params-item">
							<label class="control-label">产品：</label>
							<select id="search-product" class="form-control value">
								<option value=''>请选择</option>
								<option value="DX0459">耳聋基因检测</option>
								<option value="DX0558">NIPT检测</option>
								<option value="DX0532">HPV检测</option>
								<option value="BS0001">产前血清学筛查</option>
								<option value="BS0002">新生儿疾病筛查</option>
								<option value="DX0016">地贫筛查</option>
							</select>
						</div>
						<div class="params-item"></div>
					</div>
					<div class="params-warpper">
						<div class="params-item">
							<label class="control-label">扫码采样日期：</label>
							<input type="text" placeholder="开始日期" class="form-control value" id="search-scan-start-time" onblur="(this.type='text')"
								onfocus="(this.type='date')" />
							<span class="split">~</span>
							<input type="text" placeholder="结束日期" class="form-control value" id="search-scan-end-time" onblur="(this.type='text')" onfocus="(this.type='date')"
							/>
						</div>
						<div class="params-item"></div>
					</div>
					<button class="btn btn-primary" id="search-btn" onclick="toSearch()">查询</button>
					<button class="btn btn-default" id="reset-btn" onclick="toRefresh()">重置</button>
				</div>
				<div style="display: flex;flex-direction: row; align-items: center;">
					<a href="static/manage-sys/add-sample/add-sample.html" class="btn btn-primary add-sample">录入送检单</a>
					<a href="javascript:exportTable();" class="btn btn-default">导出</a>
					<div id="fountainTextG">
						<div id="fountainTextG_1" class="fountainTextG">导</div>
						<div id="fountainTextG_2" class="fountainTextG">出</div>
						<div id="fountainTextG_3" class="fountainTextG">中</div>
						<div id="fountainTextG_4" class="fountainTextG">.</div>
						<div id="fountainTextG_5" class="fountainTextG">.</div>
						<div id="fountainTextG_6" class="fountainTextG">.</div>
						<div id="fountainTextG_7" class="fountainTextG">请</div>
						<div id="fountainTextG_8" class="fountainTextG">稍</div>
						<div id="fountainTextG_9" class="fountainTextG">后</div>
					</div>
				</div>
			</div>
			<div class="table-wrapper">
				<table id="sampleImport_mainTable" toolbar="#toolbar"></table>
			</div>
		</div>
	</div>

	<a href="#top" id="goTop">
		<i class="fa fa-angle-up fa-3x"></i>
	</a>
	<!-- 送检单页面js方法 -->
	<script type="text/javascript" src="static/manage-sys/add-sample/js/sampleList.js"></script>

	<!-- 要导出的送检单table模板 -->
	<script id="table" type="text/html">
		<table border="1" class="tables">
			<tr>
				{{each ths item i}}
					<th>{{item.fieldValue}}</th>
				{{/each}} 
			</tr>
			{{each trs item i}}
			<tr>
				{{each item value i}}
					<td>{{value}}</td>
				{{/each}} 
			</tr>
			{{/each}}  
		</table> 
	</script>
</body>

</html>